<table id="dangnhap">
    <tr>
        <td><div class="chu">Tên đăng nhập</div></td>
        <td>
            <input id="tendangnhap" name="tendangnhap" type="text" class="ui-corner-all" />
        </td>
    </tr>
    <tr>
        <td><div class="chu">Mật Khẩu</div></td>
        <td>
            <input id="matkhau" name="matkhau" type="password" class="ui-corner-all" />
        </td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <button id="btn_dangnhap" name="btn_dangnhap" class="ui-button ui-corner-all">Đăng Nhập</button>
            <button id="btn_dangky" name="btn_dangky" class="ui-widget-header ui-button ui-corner-all">Đăng Ký</button>
        </td>
    </tr>
</table>
<script>
                
//nhấn vào button đăng nhập
$('#btn_dangnhap').live('click',function(data){
    var tendangnhap = $('#tendangnhap').val();
    var matkhau = $('#matkhau').val();
    $.ajax({
        type: 'POST',
        url: '<?=base_url()?>index.php/taikhoan_controller/dangnhap',
        data: {tendangnhap : tendangnhap, matkhau: matkhau},
        success: function(data){
            if(data == '-1')
            {
                alert('Tài khoản chưa được đăng ký hoặc sai mật khẩu!!!');
            }
            else
            {
                $('.login').html(data);
            }
        }
    });
    $('#1').click();
});

//nhấn vào button đăng ký
$('#btn_dangky').live('click', function(){
    $.ajax({
        url: '<?=base_url('index.php/taikhoan_controller/dangky/')?>',
        success: function(data){
            $('.content').html(data);
        }
    });
});
</script>